<!DOCTYPE html>
<!--[if IE 7 ]> <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="" lang="en"> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <!-- GOOGLE FONT -->
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>

    <!-- CSS LIBRARY -->
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/lib/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="css/lib/magnific-popup.css">
    <link rel="stylesheet" type="text/css" href="css/lib/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/lib/elegant-font.css">

    <!-- ANIMATION -->
    <link rel="stylesheet" type="text/css" href="css/lib/animate.css">


    <!-- PAGE STYLE -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    
    <title>Oniver</title>
</head>
<body id="page-top" data-spy="scroll">

<!-- PRELOADER -->

<!-- END / PRELOADER -->

<!-- PAGE WRAP -->
<div id="page-wrap">

    <!-- HEADER -->
    <header id="header" class="header header-1">
        <div class="container">
            <!-- LOGO -->
            <div class="logo">
                <a href="index.html">
                    <img src="images/logo.png" alt="">
                </a>
            </div>
            <!-- END / LOGO -->

            <!-- NAVIGATION -->
            <nav class="on-navigation text-right" data-menu-type="1200">
                <!-- NAV -->
                <ul class="nav text-uppercase">
                    <li><a href="#page-wrap">Home</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#team">Team</a></li>
                    <li><a href="#skill">Skill</a></li>
                    <li><a href="#portfolio">Portfolio</a></li>
                    <li><a href="#pricing">Pricing</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
                <!-- END / NAV -->
            </nav>
            <!-- END / NAVIGATION -->
        </div>

    </header>
    <!-- END / HEADER -->

    <!-- BREADCRUMB -->
    <section class="breadcrumbs-wrapper">
        <div class="container">
            <ul class="breadcrumbs text-center">
                <li><a href="index.html">Home</a></li>
                <li><span>Blog masonry</span></li>
            </ul>
        </div>
    </section>
    <!-- END / BREADCRUMB -->
		
	<section class="blog-masonry">
		<div class="container">
            <!-- SECTION HEAD -->
            <div class="section-head text-center">
                <h3 class="h4 text-uppercase">Blog masonry</h3>
                <p class="sub-title text-uppercase">See what we have done for our happy clients</p>
            </div>
            <!-- END / SECTION HEAD -->

			<div class="row">
				<div class="blog-grid">
					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="image-thumb">
	                                <img src="images/blog/1.jpg" alt="">
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="image-thumb">
	                                <img src="images/blog/4.jpg" alt="">
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
		                    <a href="#" class="post-link text-center">
		                    	<i class="icon icon_link"></i>
		                    	<span>Themeforest.net</span>
		                    </a>
		                </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="video embed-responsive embed-responsive-16by9">
						            <iframe src="//player.vimeo.com/video/117934677" class="embed-responsive-item">
						            </iframe>
						        </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="video embed-responsive embed-responsive-16by9">
						            <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/138940301&amp;auto_play=false&amp;hide_related=false&amp;visual=true"></iframe>
						        </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="image-thumb">
	                                <img src="images/blog/5.jpg" alt="">
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="post-slider">
	                            	<div class="image-thumb">
		                                <img src="images/blog/6.jpg" alt="">
		                            </div>
		                            <div class="image-thumb">
		                                <img src="images/blog/6.jpg" alt="">
		                            </div>
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
		                    <blockquote class="blockquote">
		                    	<i class="icon icon_quotations"></i>
		                    	<p>Mauris posuere quis nulla eget condimentum. Integer non ornare felis. Nam bibendum ipsum sit amet metus fringilla tincidunt.</p>
		                    	<cite>John Smith</cite>
		                    </blockquote>
						</div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="image-thumb">
	                                <img src="images/blog/7.jpg" alt="">
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="image-thumb">
	                                <img src="images/blog/8.jpg" alt="">
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
								<div class="video embed-responsive embed-responsive-16by9">
						            <iframe src="//www.youtube.com/embed/ERJapihJk7w" class="embed-responsive-item">
						            </iframe>
						        </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="image-thumb">
	                                <img src="images/blog/2.jpg" alt="">
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

					<!-- POST -->
					<div class="grid-item col-xs-12 col-sm-6 col-md-4">
						<div class="post">
	                        <div class="post-media">
	                            <div class="image-thumb">
	                                <img src="images/blog/6.jpg" alt="">
	                            </div>
	                        </div>
	                        <div class="post-inner">
	                            <div class="post-title">
	                                <h4 class="h5 text-uppercase">
	                                    <a href="blog-single.html">There are a few things</a>
	                                </h4>
	                            </div>
	                            <div class="post-meta">
	                                <ul>
	                                    <li>
	                                        <i class="fa fa-calendar"></i>
	                                        <span>May 8, 2014</span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-tags"></i>
	                                        <span>
	                                            <a href="#">wordpress</a>, 
	                                            <a href="#">html</a>
	                                        </span>
	                                    </li>
	                                    <li>
	                                        <i class="fa fa-comments"></i>
	                                        <span><a href="#">5 Comments</a></span>
	                                    </li>
	                                </ul>
	                            </div>
	                            <div class="post-body">
	                                <p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,...</p>
	                            </div>
	                            <div class="post-footer">
	                                <a href="#" class="on-btn btn-arrow">Read more <i class="icon arrow_right"></i></a>
	                            </div>
	                        </div>
	                    </div>
					</div>
					<!-- END / POST -->

				</div>

			</div>
		</div>
	</section>

	<!-- FOOTER -->
    <footer id="footer" class="footer">
        <div class="container">
            <div class="copyright text-uppercase">
                Copyrights © 2014 All Rights Reserved by
            </div>
            <div class="foot-social">
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-dribbble"></i></a>
                <a href="#"><i class="fa fa-google-plus"></i></a>
            </div>
        </div>
    </footer>
    <!-- END / FOOTER -->
    

</div>
<!-- END / PAGE WRAP -->

<!-- LOAD JQUERY -->
<script type="text/javascript" src="js/lib/jquery-1.11.2.min.js"></script>

<!-- GOOGLE MAP -->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.owl.carousel.min.js"></script>
<script type="text/javascript" src="js/lib/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/lib/perfect-scrollbar.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.parallax-1.1.3.js"></script>
<script type="text/javascript" src="js/lib/SmoothScroll.js"></script>
<script type="text/javascript" src="js/lib/polaroids-gallery.js"></script>
<script type="text/javascript" src="js/lib/retina.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>

</body>
</html>